<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // 应用场景 
        //  电商  加入购物车  
        // 学习系统  选课 
        // 没有提交订单以前  信息保存在用户自己浏览器的存储中 
        // 提交订单  这些信息传给服务器 


        // storage  
        //  localStorage
        //  sessionStorage

        // cookie  


        //localStorage


        // 浏览器的本地存储  持久存储  
        // 特点:
        //  一旦存储 永久存在  (高磁场等外力因素除外)
        //  可以跨页面通讯 (同一个浏览器 同一个域名 不同页面可以通讯) 
        //  只能存储基本数据类型  不能存储复杂数据类型  


        // 增 
        //     window.localStorage.setItem(新的键,新的值);
        // // 删
        //     window.localStorage.removeItem(键);
        // // 改
        //     window.localStorage.setItem(已经存在的键,新值);
        // // 查 
        //     window.localStorage.getItem(键)

        // 增
        // var person = {name:'张三',age:18}
        window.localStorage.setItem('num1',101);
        // window.localStorage.setItem('str2','指鼠为鸭,指月为年');
        // window.localStorage.setItem('obj1',JSON.stringify(person));

        // 删 
        // window.localStorage.removeItem('num1');

        // 改
        // window.localStorage.setItem('str2','江西指鼠为鸭,济大指月为年');


        // console.log(window.localStorage.getItem('obj1'),typeof window.localStorage.getItem('obj1'));
        // var data = JSON.parse(window.localStorage.getItem('obj1'));
        // console.log(data.age);

        console.log(typeof window.localStorage.getItem('num1'))
    </script>
</body>
</html>